﻿@using Eking.Framework
@{
    this.RequireSet("QuickShow_Gomoku");
}


<div id="Gomoku">
    <div id="rightPane">
        <div>
            <h1>PLAYERS LIST</h1>
            <ul id="players">
            </ul>
        </div>

        <div>
            <h1>PLAYER SETTING</h1>
            <input type="text" id="playerName" style="float: left" />
            <input type="button" id="btnSetPlayerName" value="OK" style="float: left; padding: 4px" />
        </div>

        <div>
            <div id="errorMessage" style="visibility:visible; display: none">
                Invalid move!
            </div>
        </div>

        <div id="matchConfirm" style="visibility: hidden">
            <label id="matchRequestText"></label>
            <input type="button" id="btnYesMatch" value="Yes" style="margin-left: 50px" />
            <input type="button" id="btnNoMatch" value="No" />
        </div>

    </div>

    <div class="canvasArea">
        <h1>GOMOKU
        </h1>
        <div id="gomokuDrawContainer">
        </div>
    </div>


    <div id="turnIndicator"></div>
</div>


<script type="text/javascript">
    new gomoku();

</script>
